<template>
  <div class="c-empty">
    <img :src="src" />
    <p>{{ text }}</p>
  </div>
</template>
<script>
export default {
  name: 'Empty',
  props: {
    text: {
      type: String,
      default: '暂无数据',
    },
    src: {
      type: String,
      default:
        'https://global.uban360.com/sfs/file?digest=fida48a82edf073fa73b7ed188926de0e3f&fileType=2',
      // default: require('./empty.png'),
    },
  },
}
</script>
<style lang="scss">
.c-empty {
  text-align: center;
  margin-top: 50px;

  > img {
    width: 120px;
    height: 120px;
  }

  > p {
    color: #959ba3;
    margin-top: 20px;
  }
}
</style>
